<!-- pop弹出提示框  -->
<!-- 通过点击来弹出  -->
<!-- 按钮 => 确认 -->
<!-- 按钮 => 关闭 -->
<template>
    <el-popover :visible="visible" placement="top" :width="160">
        <!-- 预留文字插槽 -->
      <slot name="text"></slot>
      <div style="text-align: right; margin: 0">
      </div>
      <!-- 按钮插槽 -->
      <template #reference>
        <el-button @click="visible = true">Delete</el-button>
      </template>
    </el-popover>
  </template>
  
  <script setup>
  import { ref } from 'vue'
  const visible = ref(false)
  </script>
  